#canvas {
	position:relative;
	height:800px;
	width:1600px;
 	border: 0px solid gray;
	margin-left: auto;
	margin-right: auto;
	padding:10px;
}

#mainCanvas {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
 	border: 0px solid black;
}

#selectedCanvas {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
 	border: 0px solid black;
}

#toolbar {
	position:static;
	padding: 10px 4px;
}

button, input {
	width: 100px;
}

#outlineSlider, #fillSlider, #widthSlider, #alphaSlider {
	position:relative;
}

.colorSelector, .slider {
	top:-140px;
	left:0px;

	position:absolute;
}

.red, .green, .blue {
	float:left;
	margin:4px;
}

.red .ui-slider-range { background: #ef2929; }
.red .ui-slider-handle { border-color: #ef2929; }
.green .ui-slider-range { background: #8ae234; }
.green .ui-slider-handle { border-color: #8ae234; }
.blue .ui-slider-range { background: #729fcf; }
.blue .ui-slider-handle { border-color: #729fcf; }
